<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="styleContact.css" />
</head>
<body>
	<div id="tout">

		<div id="header">
			<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>



		</div>
		<div style="clear: both;"></div>
		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">
			<ul id="menu">

				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>
			<div id="milieux">
				<div id="centre">
					<div id="contactGauche">
						<div id="Coordonnees">
							<fieldset id="fieldCoordonnees">
								<legend>Coordonnées</legend>
								<ul>
									<li>Accueil Enfance/Jeunesse/Sports et Loisirs</li>
									<li>17, rue Raymond-Fassin</li>
									<li>Tél. : 01 47 46 77 00</li>
									<li>Fax : 01 47 46 77 90</li>
									<li>Mail : <a href="acc-enfance@ville-malakoff.fr">acc-enfance@ville-malakoff.fr</a></li>
								</ul>
							</fieldset>
						</div>

						<div id="liens">
							<ul>
								<li><a href="contact.xhtml">Envoyer un message</a></li>
								<li><a href="contactMRecus.xhtml">Messages reçus</a></li>
								<li><a href="contactMEnvoyes.xhtml">Messages envoyés</a></li>
							</ul>
						</div>
					</div>
					<div id="contactDroite">
						<fieldset id="fieldMessage">
							<legend>Messages Envoyés</legend>
							

							<h:form>
								<h:selectOneMenu id="selectObjetMessage"
									value="#{beanMessageEnvoye.idMessageEnvoye}">
									<f:selectItem itemLabel="-- Séléctionner un message --" itemValue="0"></f:selectItem>
									<f:selectItems value="#{beanMessageEnvoye.listeMessageEnvoye}" />
									<f:ajax listener="#{beanMessageEnvoye.recupMessage}"
										render="chargMess" />
								</h:selectOneMenu>
							</h:form>


							<h:form id="chargMess">
								<h:panelGrid columns="1">
									<span>Message</span>
									<h:inputTextarea rows="4" cols="30"
										value="#{beanMessageEnvoye.message}" />
								</h:panelGrid>
							</h:form>

						</fieldset>
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>
</body>
</html>
